@prefix-cls: ~'inbiz-eform-dynamic-list';

.@{prefix-cls} {
  height: 32px;
  font-size: 14px;
  &-select-box {
    font-size: var(--inbiz-font-size-base) !important;

    :global {
      .ant-select-selector{
        border-radius: var(--inbiz-border-radius-base) !important;
      }
      .ant-select-selection-item-remove {
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 14px;
        min-width: 14px;
        height: 14px;
        color: #fff !important;
        background-color: #ccc;
        border-radius: 7px;

        .anticon-close {
          line-height: 0;
        }
      }

      .ant-select-selection-item-remove:hover {
        color: #fff;
        background-color: #c0c0c0;
      }

      .ant-select-selection-item-content {
        margin-right: 9px !important;
        font-size: var(--inbiz-font-size-base) !important;
      }

      .ant-select-selection-overflow .ant-select-selection-item {
        align-items: center;
        padding-inline-start: 9px !important;
        padding-inline-end: 9px !important;
        margin-inline-end: 4px !important;
      }

      .ant-select-selection-overflow-item .ant-select-selection-search {
        display: flex;
        align-items: center;
        height: 28px;
      }
    }
  }

  &-select-down {
    max-width: 500px;
    padding: 0 !important;
    overflow: initial !important;
    border: 1px solid #ddd;
    border-radius: 4px !important;

    .item-active>td {
      background: var(--ant-primary-2);
    }

    .item-active:hover {
      :global {
        .ant-table-cell-row-hover {
          background: #dcf4ff;
        }
      }
    }

    :global {
      .ant-table .ant-table-tbody>tr>.ant-table-selection-column {
        padding: 8px 5px 8px 11px;
      }

      .ant-table .ant-table-thead>tr>.ant-table-selection-column {
        padding: 8px 5px 8px 11px;
      }

      .ant-table-wrapper {
        overflow: hidden;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
      }

      .ant-table-content {
        border-top: 1px solid #f0f0f0;
        border-right: 1px solid #f0f0f0;
        border-left: 1px solid #f0f0f0;

        .ant-table-tbody {
          .ant-table-row {
            cursor: pointer;
          }
        }
      }

      .ant-table-footer {
        background-color: #fff;
        // border-right: 1px solid #f0f0f0;
        // border-bottom: 1px solid #f0f0f0;
        // border-left: 1px solid #f0f0f0;
      }

      .select-table-nocolumns-box {
        display: flex;
        flex-direction: column;
        align-items: center;
      }

      .ant-table-thead>tr>th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
        background-color: transparent;
      }

      .ant-table.ant-table-small .ant-table-tbody>tr {
        cursor: pointer;

        &>td {
          height: 34px;
          font-size: var(--inbiz-font-size-base) !important;
        }
      }

      .ant-table.ant-table-small .ant-table-thead>tr>th {
        font-size: var(--inbiz-font-size-base) !important;
        line-height: 17px;
      }

      .ant-table.ant-table-small .ant-table-tbody>.ant-table-placeholder>td {
        border-bottom-color: transparent;
      }

      .ant-table-tbody .ant-table-cell>span {
        display: block;
        height: 17px;
        line-height: 17px;
      }

      .ant-table-tbody .ant-table-cell>.ant-checkbox-wrapper {
        display: flex;
        height: 17px;
        transform: translateY(-2px);
      }

      .ant-table-cell-ellipsis>span {
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
      }

      ::-webkit-scrollbar {
        width: 6px;
        height: 6px;
      }

      .dynamic-list-select-memu {
        height: 0;
        opacity: 0;
        pointer-events: none;
      }

      // 分页
      // .ant-space-align-center {
      //   gap:3px !important;
      // }
      // .ant-table-ping-right .ant-table-cell-fix-right-first:after, .ant-table-ping-right .ant-table-cell-fix-right-last:after, .ant-table-ping-right:not(.ant-table-has-fix-right)>.ant-table-container:after {
      //   box-shadow: none;
      // }
    }
  }

  &-pagination-box {
    display: flex;
    align-items: flex-end;
    width: 100%;
    padding: 10px;
    color: var(--inbiz-color-text) !important;
    font-size: var(--inbiz-font-size-base) !important;

    .left-content {
      width: 100px;
    }

    .right-content {
      display: flex;
      flex: 1;
      align-items: center;
      justify-content: flex-end;

      .section-text {
        margin-left: 30px;
        white-space: nowrap;
      }

      .pagecount-text {
        white-space: nowrap;
      }
    }

    :global {
      .ant-select-selection-item {
        margin: 0;
        color: var(--inbiz-color-text);
        font-size: var(--inbiz-font-size-base);
        background-color: initial;
        border: none;
      }

      .ant-select-selector {
        border-radius: 2px !important;
      }

      .ant-btn-sm {
        font-size: var(--inbiz-font-size-base) !important;
        // line-height: var(--inbiz-font-size-base) !important;
        border-radius: 2px !important;
      }

      .ant-input-sm {
        color: var(--inbiz-color-text);
        font-size: var(--inbiz-font-size-base) !important;
        // line-height: var(--inbiz-font-size-base) !important;
        border-radius: 2px !important;
      }
    }
  }
}